
    <style>
        .searchList label{
            line-height: 34px;
        }
        #searchCommunity a{
            color: #0A6CD1;
        }
        #searchCommunity h5{
            background-image:url(/assets/skin/boom.png);
            height: 35px;
            width: 35px;
            line-height: 30px;
            color: #ffffff;
        }
        .panel-tools a{
            margin-left: -24px;
        }
        #s2id_city>a{
            padding-left: 12px;
            box-shadow: none;
            border-radius: 0;
            border-color: #eaeaea;
        }
        .select2-container .select2-choice>.select2-chosen{
            /*padding-top: 6px;*/
        }
        .closebox{
            margin-left: 5px!important;
        }
    </style>

    <script>
        $(".select2-container .select2-choice>.select2-chosen").eq(1).css("padding-left","19px");
    </script>
<div class="input-group" style="width:100px;position: absolute;z-index: 10;left: 20px;top:70px">
    <div class='input-group-btn' >
        <g:select class="form-control" name="city" id="city"
                  from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"
                  valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                  value="${params?.city}"
                  onchange="search()"/>
    </div>
    <input type="text" class="form-control" style="width:352px" id="search"/>
    %{--<i class="fa fa-search"></i>--}%
    <span class="fa fa-search " id='searchData' style="position: absolute;z-index: 20;right:19px;top:7px;cursor: pointer; font-size: 20px;"
       onclick="searchData(window.map)"></span>
</div>
<div style="width:450px;position: absolute;z-index: 10;left: 20px;top:118px">
    <div class="">
        <div class="hpanel">
            <div class="panel-heading hbuilt" style="padding-left: 20px;">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up "></i></a>
                </div>
                筛选条件
            </div>
            <div class="panel-body" style="padding-bottom: 8px;">
                <div class="row">
                    <div class="col-sm-12" style="margin-bottom: 8px; padding-right: 13px;">
                        <label for="city" class="col-sm-2 control-label p-n p-t-xs p-b-xs">放贷日期</label>
                        <div class="col-sm-10 input-daterange input-group p-r-n p-l-md"  id="datepicker" style="width: 83%;">
                            <input type="text" class=" form-control " placeholder="放款时间"  style="height:28px"
                                   value="${params?.startDate}" name="startDateStart" id="startDateStart"
                                   onchange="searchData(window.map)"/>
                            <span class="input-group-addon" style="padding-bottom: 2px">至</span>
                            <input type="text" class=" form-control " placeholder="结束时间" style="height:28px"
                                   value="${params?.endDate}" name="startDateEnd" id="startDateEnd"
                                   onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList" style="margin-bottom: 4px;">
                    <div class="form-group col-sm-6 m-n">
                        <label for="district" class="col-sm-5 p-n">行政区</label>
                        <div class="col-sm-7 district p-n " >
                            <g:select class="form-control" name="city" id="district"
                                      from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"
                                      valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                                      value="${params?.city}"
                                      noSelection="${["-1": '请选择行政区']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >押品风险</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="risk" id="risk"
                                      from="${com.cindata.dimension.RiskDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.risk}"
                                      noSelection="${["": '押品风险']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList" style="margin-bottom: 4px;">
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n">贷款时长</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="loansDuration" id="loansDuration"
                                      from="${com.cindata.dimension.YearLimitDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.loansDuration}"
                                      noSelection="${["": '贷款时长']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >面积区段</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="buildArea" id="buildArea"
                                      from="${['0-90','90-144','144以上']}"
                                      valueMessagePrefix="status" optionKey="" optionValue=""
                                      value="${params?.buildArea}"
                                      noSelection="${["": '面积区段']}"
                                      onchange="searchData()"/>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="list-group" id="searchCommunity" style="max-height: 500px;overflow-y:scroll;background: #fff">
            </ul>
        </div>
    </div>
</div>

